/* Generic Settings*/
body{
 font-family: calibri, sans-serif;
}
/* General Settings*/
.clear{
 clear:both;
}
.align-left{
 text-align:left !important;
}
.align-right{
 text-align:right !important;
}
div#wrapper{
 width:860px;
 max-width:860px;
 margin:5px;
 padding:15px;
 position:relative;
 border-top:1px dotted blue;
 border-bottom:1px dotted blue;
}
div#mainpage{
 position:relative;
 width:800px;
}
/* Navigation */
#navigation ul{
 list-style-type:none;
 padding-left:0;
}
#navigation li{
 float:left;
}
#navigation li a{
 background-color:blue;
 padding:10px 20px 10px;
 color:white;
 text-decoration:none;
 margin-right:3px;
}
#navigation a:hover, #navigation .selected{
 background-color:#66F;
}
/* Header */
h1#header{
 float:left;
 margin-right:10px;
 margin-top:0px;
 position:relative;
 bottom:9px;
}
h1#header a{
 text-decoration:none;
 color:blue;
}
h1#header a:hover, h1#header .selected{
 color:#66F;
 background-color:transparent;
}

/* Login As  Message */
#login-info{
 text-align:center;
}

/* Sub Navigation */
div.sub-navigation input{
 padding:10px 20px 10px;
 background-color:blue;
/* border:0;*/
 border:1px solid black;
/* background-color:white;*/
 margin-right:0px;
 font-weight:normal;
 color:white;
}
div.sub-navigation input:hover, div.sub-navigation .selected{
 background-color:#66F;
/* border-bottom:1px solid white;*/
}
div.sub-navigation .selected{
 border-bottom:1px solid #66F;
}
div.sub-navigation{
 margin-bottom:20px;
 margin-left:6px;
 position:relative;
 top:21px;
}
/* Error Messages */
.error-message, .error-field{
 color:red;
 font-weight:bold;
}
/* Output from back-end */
.output{
 border:1px solid blue;
 padding:20px;
 border-right:none;
}
/* For the tooter at the bottom of the page */
.footer{
 font-size:.8em;
 text-align:center;
 width:860px;
}
